<script setup>
const props = defineProps({
    title: {
        type: String,
        default: '自定义标题'
    }
})
</script>

<template>
    <div class="card">
        <h4>{{ props.title }}</h4>
        <div class="main">
            <slot></slot>
        </div>
    </div>
</template>

<style scoped lang="scss">
.card {
    background-color: pink;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: var(--td-radius-default);

    h4 {
        color: var(--td-text-color-primary);
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 20px;
    }
}
</style>
